<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
    <!-- Bootstrap core CSS -->
    <link href="../css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../js/jquery-ui-1.10.4.custom.min.js"></script>
    <script src="../js/main.js"></script>
      <style>
  #draggable{ width: 700px; height: 800px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable({ scroll: true });
    $("#dateFrom,#dateTo").datepicker();
    
    $( "[name=radio]" ).buttonset();
      $("button").button();
  });
  </script>
  </head>
  <body> 
        <div id="draggable" class="ui-widget-content">
          <table width="100%">
              <tr>
                  <td align="left"><big><b>添加工作事项</b></big></td>
                  
              </tr>
              <tr>
                  <td>
                    <table width="100%" >
                        <tr>
                            <td align="right">事项编码:</td>
                            <td colspan="3"><input type="text" size="10"/></td>
                        </tr>
                        <tr>
                            <td align="right">事项名称:</td>
                            <td colspan="3"><input type="text" size="70"/></td>
                        </tr>
                        <tr>
                            <td align="right">执行方式:</td>
                            <td>
                                <div name="radio">
                                    <input type="radio" id="radio1" name="radio1"><label for="radio1">自办</label>
                                    <input type="radio" id="radio2" name="radio1" checked="checked"><label for="radio2">督办</label>
                                </div>
                            </td>
                            <td align="right">所属群组:</td>
                            <td><select>
                                <option>XX部门</option>
                                <option>xxxxxx</option>
                                <option>xxxxxx</option>
                                <option>xxxxxx</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">开始日期:</td>
                            <td><input type="text" id="dateFrom"/></td>
                            <td align="right">预计结束日期:</td>
                            <td><input type="text" id="dateTo"/></td>
                        </tr>
                        <tr>
                            <td align="right">事件等级:</td>
                            <td>
                                <div name="radio">
                                    <input type="radio" id="radio21" name="radio2"><label for="radio21">重要</label>
                                    <input type="radio" id="radio22" name="radio2" checked="checked"><label for="radio22">一般</label>
                                    <input type="radio" id="radio23" name="radio2" ><label for="radio23">低</label>
                                </div>
                            </td>
                            <td align="right">事件分类:</td>
                            <td><select>
                                <option>内部事务</option>
                                <option>xxxxxx</option>
                                <option>xxxxxx</option>
                                <option>xxxxxx</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">备注内容:</td>
                            <td colspan="3"><textarea cols="70" rows="10"></textarea></td>
                        </tr>
                    </table>
                  </td>
              </tr>
              <tr>
                  <td align="center"><button>确认</button>&nbsp;&nbsp;<button>取消</button></td>
              </tr>
          </table>
        </div>
        <div style="height: 700px; width: 1px;"></div>
  </body>
</html>